<template>
  <div class="demo-form">
    <h1> Form 渲染器组件</h1>
    <demo1 />
  </div>
</template>

<script>
import demo1 from './demo/demo1.vue'

export default {
  name: 'Form',

  components: {
    demo1,
  }
}
</script>

<style lang="scss">
  .demo-form {
    .el-form {
      width: 100%;
    }

    .line {
      text-align: center;
    }

    .demo-form-inline {
      width: auto;
    }

    .demo-dynamic {
      width: 600px;
    }

    .demo-dynamic .el-input {
      margin-right: 10px;
      width: 270px;
      vertical-align: top;
    }
  }
</style>
